@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div {margin: 0;padding: 0;border: 0;box-sizing: border-box;}

body {
    height: 100%;background: #fff;color: #333;
    font-family: "微软雅黑", Microsoft YaHei, Source Han Sans, Helvetica, Arial;
}

h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
ul,ol {list-style-type: none;}
ol,ul,li {list-style: none;}
select,input,img,select {vertical-align: middle;}
b,i,address,cite,code,em,th {font-weight: normal;font-style: normal;}
a,a:active {color: inherit;text-decoration: none;cursor: pointer;border: 0;}


@font-face {
    font-family: 'dincondbold';src: url('../font/dincondbold.otf');
}
@font-face {
    font-family: 'impact';src: url('../font/impact.ttf');
}

.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

html,body{overflow-x: hidden;}

.tcL{text-align: left;}
.tcR{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.ofH{overflow: hidden;}


@keyframes shaket{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(30deg);}
    50%{transform:rotate(60deg);}
    100%{transform:rotate(0deg);}
}
@-webkit-keyframes shaket{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(30deg);}
    50%{transform:rotate(60deg);}
    100%{transform:rotate(0deg);}
}
@-moz-keyframes shaket{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(30deg);}
    50%{transform:rotate(60deg);}
    100%{transform:rotate(0deg);}
}
@-o-keyframes shaket{
    0%{transform: rotate(0deg);}
    25%{transform: rotate(30deg);}
    50%{transform:rotate(60deg);}
    100%{transform:rotate(0deg);}
}